<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path;
%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>AdminLTE | Data Tables</title>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>

</head>
<body class="skin-blue">
<aside class="left-side sidebar-offcanvas">
    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">
        <!-- Sidebar user panel -->
        <div class="user-panel">
            <div class="pull-left image">
                <img src="<%=basePath%>/AdminLTE/img/avatar3.png" class="img-circle" alt="User Image"/>
            </div>
            <div class="pull-left info">
                <p>${userInfo.userName}</p>
                <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
            </div>
        </div>

        <!-- /.search form -->
        <!-- sidebar menu: : style can be found in sidebar.less -->
        <ul class="sidebar-menu">


            <!--取出  key  -->
            <s:iterator value="tree" id="key">

                <s:if test="10==functionId">
                    <li class="treeview">
                        <a href="javascript:void(0)">
                            <i class="fa fa-table"></i>
                            <span>${key.functionName}</span>
                            <i class="fa fa-angle-left pull-right"></i>
                        </a>


                        <ul class="treeview-menu">
                            <s:iterator value="tree">
                                <s:if test="10==upperFuncId">
                                    <li><a href="<%=basePath%>${functionUrl}"><i
                                            class="fa fa-angle-double-right"></i> ${functionName}</a></li>
                                </s:if>
                            </s:iterator>
                        </ul>

                    </li>
                </s:if>
                <s:if test="20==functionId">
                    <li class="treeview">
                        <a href="#">
                            <i class="fa fa-table"></i>
                            <span>${key.functionName}</span>
                            <i class="fa fa-angle-left pull-right"></i>
                        </a>


                        <ul class="treeview-menu">
                            <s:iterator value="tree">
                                <s:if test="20==upperFuncId">
                                    <li><a href="<%=basePath%>${functionUrl}"><i
                                            class="fa fa-angle-double-right"></i> ${functionName}</a></li>
                                </s:if>
                            </s:iterator>
                        </ul>


                    </li>
                </s:if>
                <s:if test="30==functionId">
                    <li class="treeview">
                        <a href="#">
                            <i class="fa fa-table"></i>
                            <span>${key.functionName}</span>
                            <i class="fa fa-angle-left pull-right"></i>
                        </a>


                        <ul class="treeview-menu">
                            <s:iterator value="tree">
                                <s:if test="30==upperFuncId">
                                    <li><a href="<%=basePath%>${functionUrl}"><i
                                            class="fa fa-angle-double-right"></i> ${functionName}</a></li>
                                </s:if>
                            </s:iterator>
                        </ul>

                    </li>
                </s:if>
                <s:if test="40==functionId">
                    <li class="treeview">
                        <a href="#">
                            <i class="fa fa-table"></i>
                            <span>${key.functionName}</span>
                            <i class="fa fa-angle-left pull-right"></i>
                        </a>


                        <ul class="treeview-menu">
                            <s:iterator value="tree">
                                <s:if test="40==upperFuncId">
                                    <li><a href="<%=basePath%>${functionUrl}"><i
                                            class="fa fa-angle-double-right"></i> ${functionName}</a></li>
                                </s:if>
                            </s:iterator>
                        </ul>

                    </li>
                </s:if>
                <s:if test="50==functionId">
                    <li class="treeview">
                        <a href="#">
                            <i class="fa fa-table"></i>
                            <span>${key.functionName}</span>
                            <i class="fa fa-angle-left pull-right"></i>
                        </a>


                        <ul class="treeview-menu">
                            <s:iterator value="tree">
                                <s:if test="50==upperFuncId">
                                    <li><a href="<%=basePath%>${functionUrl}"><i
                                            class="fa fa-angle-double-right"></i> ${functionName}</a></li>
                                </s:if>
                            </s:iterator>
                        </ul>

                    </li>
                </s:if>
                <s:if test="60==functionId">
                    <li class="treeview">
                        <a href="#">
                            <i class="fa fa-table"></i>
                            <span>${key.functionName}</span>
                            <i class="fa fa-angle-left pull-right"></i>
                        </a>


                        <ul class="treeview-menu">
                            <s:iterator value="tree">
                                <s:if test="60==upperFuncId">
                                    <li><a href="<%=basePath%>${functionUrl}"><i
                                            class="fa fa-angle-double-right"></i> ${functionName}</a></li>
                                </s:if>
                            </s:iterator>
                        </ul>

                    </li>
                </s:if>
                <s:if test="70==functionId">
                    <li class="treeview">
                        <a href="#">
                            <i class="fa fa-bar-chart-o"></i>
                            <span>${key.functionName}</span>
                            <i class="fa fa-angle-left pull-right"></i>
                        </a>


                        <ul class="treeview-menu">
                            <s:iterator value="tree">
                                <s:if test="70==upperFuncId">
                                    <li><a href="<%=basePath%>${functionUrl}"><i
                                            class="fa fa-angle-double-right"></i> ${functionName}</a></li>
                                </s:if>
                            </s:iterator>
                        </ul>

                    </li>
                </s:if>
                <s:if test="80==functionId">
                    <li class="treeview">
                        <a href="#">
                            <i class="fa fa-table"></i>
                            <span>${key.functionName}</span>
                            <i class="fa fa-angle-left pull-right"></i>
                        </a>


                        <ul class="treeview-menu">
                            <s:iterator value="tree">
                                <s:if test="80==upperFuncId">
                                    <li><a href="<%=basePath%>${functionUrl}"><i
                                            class="fa fa-angle-double-right"></i> ${functionName}</a></li>
                                </s:if>
                            </s:iterator>
                        </ul>

                    </li>
                </s:if>
                <s:if test="90==functionId">
                    <li class="treeview">
                        <a href="#">
                            <i class="fa fa-table"></i>
                            <span>${key.functionName}</span>
                            <i class="fa fa-angle-left pull-right"></i>
                        </a>


                        <ul class="treeview-menu">
                            <s:iterator value="tree">
                                <s:if test="90==upperFuncId">
                                    <li><a href="<%=basePath%>${functionUrl}"><i
                                            class="fa fa-angle-double-right"></i> ${functionName}</a></li>
                                </s:if>
                            </s:iterator>
                        </ul>

                    </li>
                </s:if>
                <s:if test="14==functionId">
                    <li class="treeview">
                        <a href="#">
                            <i class="fa fa-table"></i>
                            <span>${key.functionName}</span>
                            <i class="fa fa-angle-left pull-right"></i>
                        </a>


                        <ul class="treeview-menu">
                            <s:iterator value="tree">
                                <s:if test="14==upperFuncId">
                                    <li><a href="<%=basePath%>${functionUrl}"><i
                                            class="fa fa-angle-double-right"></i> ${functionName}</a></li>
                                </s:if>
                            </s:iterator>
                        </ul>

                    </li>
                </s:if>
            </s:iterator>


        </ul>
    </section>
    <!-- /.sidebar -->
</aside>

</body>
</html>